﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
</head>
<style>
    body{
        display:flex;
    }
    .sidebar{
        width:200px;
        background-color:#f8f9fa;
        padding:15px;
    }

    .content {
        flex-grow: 1;
        padding: 15px;
    }
</style>
<body>
    <div class="sidebar">
        <h2>菜单</h2>
        <ul class="nav flex-column">
            <li class="nav-item">
            <a class="nav-link" href="/">主页</a>    
            </li>

            <li class="nav-item">
                <a class="nav-link" href="/Product/Create">添加商品</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/Order/Index">订单列表</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/OrderProduct/Index">订单产品列表</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="/ReportModel/Index">报表列表</a>
            </li>
        </ul>

    </div>
    <div class="content">
        @RenderBody()
    </div>
</body>
</html>
